// zustand
import { create } from "zustand"

// 1.创建store
const useStore = create((set) => {
    return {
        // 状态数据
        count: 0,
        list: [],
        // 修改状态数据的方法
        inc: () => {
            set((state) => ({ count: state.count + 1 }))
        },
        // 异步方法
        fetchList: async () => {
            const res = await fetch(URL)
            const jsonData = await res.json()
            set({
                list: jsonData.data.list
            })
        }
    }
})

const practice5 = () => {
    // 2.绑定store到组件
    const { count, inc } = useStore()
    return (
        <div>
            <div>zustand</div>
            <button onClick={inc}>{count}</button>
        </div>
    )
}

export default practice5